/* 
    Document   : style_web
    Created on : 14-Nov-2013, 00:13:52
    Author     : Yohanes Beny P
    Description:
        Purpose of the stylesheet follows.
*/

body{ 
    margin: 0;
    padding: 0;
    color: #555;
    font-size: 13px;
    line-height: 1.6em; 
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    background-color: #fff;
    background-position: center top;
    background-repeat: no-repeat
}

#home{
    background-image: url(../image/main_back.jpg);    
}

a, a:link, a:visited { color: #f9b001; font-weight: normal; text-decoration: none }
a:hover { text-decoration: underline; }

ul, li {
    padding:0;
    margin:0;
    list-style:none;
}

#wrapper {
    width: 820px;
    margin: 0 auto;
    padding: 0 10px;
}

#header {
    height: 150px;
    position:relative;
}

#header_kanan{
    float: right; display: inline-block;
}

.header_bg {
    position:absolute;
    right:22px;
    top:15px;
    cursor:default;
}

#site_title { display: block; float: left; margin-top: 80px }

#site_title a { 
    display: block; 
    width: 300px; 
    height: 15px; 
    text-align: left; 
    padding-top: 40px; 
    background: url(../image/logo.png) no-repeat top left; 
    color: #333; 
    letter-spacing: 5px 
}

#mu_logout {clear: both; margin-top: 80px; width: 250px; height: 50px; text-align: right; background: url(../image/mu_lo.png)no-repeat top right;}

#mu_logout form {margin: 0; padding: 0}

#mu_logout .menuUtama{
    float: left; display: block; width: 122px; height: 50px; background: none; border: none;
    cursor: pointer;
}

#mu_logout .logout{
    float: right; display: block; width: 122px; height: 50px; background: none; border: none;
    cursor: pointer;
}

#content{
    overflow:hidden;
    width: 820px;
    background-color:white;
    position:relative;
    height:500px;
    margin-top: 80px;
    background: url(../image/content_back.png)
}

#login{
    clear: both; margin-top: 240px; width: 400px; height: 200px; background: url(../image/login.png);
}

#login form{
    margin: 0;
    padding: 0;
    clear: both;
}

#login .userName{
    font-size: 12px; width: 241px; height: 30px; display: block; margin: 45px 12px 0 0; color: #666;
    background: none; border: none; float: right; padding-left: 7px;
}

#login .passWord{
    font-size: 12px; width: 241px; height: 30px; display: block; margin: 15px 12px 0 0; color: #666;
    background: none; border: none; float: right; padding-left: 7px;
}

#login .buttonLogin{
    width: 170px; height: 10px; display: block; background: none; margin: 0 12px 0 0; 
    cursor: pointer; border: none; padding-top: 90px;
}

#template_menu {
    margin: 0;
    padding: 0;
    list-style: none
}

#template_menu li {
    display: block;
    float: left;
    width: 140px;
    height: 140px; 
    margin: 0 20px 20px 80px;
}

#template_menu li.menu_item {
    background: url(../image/box_menu.png)
}

#bagian, .section {
    position:relative;
    float:left;
    padding: 20px;
    width: 780px;
    height: 460px;
    margin-bottom: 20px;
}